@extends('layouts._order')
<link type="text/css" rel="stylesheet" href="{{ asset('css/index.css') }}" />
@section('main')
    <div class="i_bg bg_color">
        <!--Begin 用户中心 Begin -->
        <div class="m_content">
            @include('layouts._orderleft')
            <div class="m_right">
                <div class="blogss" id="addres">
                    <div class="gao" v-for="v in message">
                        <li>
                            <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2948210856,1254226454&fm=26&gp=0.jpg" class="blogpic">
                            <h3 class="blogtitle"><a :href="'/member/reading?message_id='+v.message_id+'?type=1'">系统消息</a></h3>
                            <div class="bloginfo">
                                <p>@{{ v.message_content }}</p>
                                <span class="autor">@{{ v.sned_time }}</span>
                            </div>
                        </li>
                    </div>
                </div>
            </div>
        </div>
        <!--End Footer End -->
    </div>
@endsection
@section('js')
    <script src="{{ mix('js/app.js') }}"></script>
    <script>
        var token = "{{session('admin')}}";
        var user_id = "{{ session('admin_info.user_id') }}";
        new Vue({
            el:'#addres',
            data:{
                message:[]
            },
            mounted(){
                axios({
                    method: 'get',
                    url: 'http://shopapi.cn/api/my/myMessage',
                    params:{
                         token:token,
                         user_id:user_id
                    }
                })
                .then(
                    (res)=>{
                        this.message=res.data.data;
                    }
                );
            },
        });
    </script>
@endsection